import React from 'react';
import { Button } from 'antd';
import { useNavigate } from 'react-router';
import './style.less';

const NotFound = () => {
  const navigate = useNavigate();
  return (
    <div className="notfound-container">
      <div className="notfound-content">
        <h1>404</h1>
        <p>抱歉，您访问的页面不存在。</p>
        <Button type="primary" onClick={() => navigate('/')}>返回首页</Button>
      </div>
    </div>
  );
};

export default NotFound;
